﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title -</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="jumbotron">
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("Upload", "Upload", "Home")</li>
                        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                    </ul>
                </div>


            </div>


        </div>
        <div class="row">

            <div class="col-md-4">
                <img src="~/Images/govt-logo.png" alt="schLogo" />
            </div>
            <div class="col-md-3">
                <h2>School Education</h2>
                <h3><b>P</b>rakasam <b>D</b>istrict<b>.A.P.</b></h3>
                <h3>Unit of the District Educational Officer</h3>


            </div>
            <div class="col-md-3">
                <div style="max-width: 600px; text-align: right; margin-right: 0px;" class="w3-content w3-section w3-round-xlarge ">
                    <img align="right" style="overflow: hidden; width: 100%; height: 210px;" class="mySlides w3-animate-fading" src="~/Images/Slides/1.jpg" /> <img alt="gundlakamma project" style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/2.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/3.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/4.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/5.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/6.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/7.jpg" /> <img style="width: 100%; height: 220px;" class="mySlides w3-animate-fading" src="~/Images/Slides/8.jpg" />
                </div>
                <script type="text/javascript">
                    var myIndex = 0;
                    carousel();

                    function carousel() {
                        var i;
                        var x = document.getElementsByClassName("mySlides");
                        for (i = 0; i < x.length; i++) {
                            x[i].style.display = "none";
                        }
                        myIndex++;
                        if (myIndex > x.length)
                        { myIndex = 1 }
                        x[myIndex - 1].style.display = "block";
                        setTimeout(carousel, 9000);
                    }
                </script>


            </div>
        </div>

    </div>

    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - All Rights Reserved. Designed and Developed by Computer Cell, A.V.Seshaiah, A.P.O., O/o the DEO, Ongole,</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
